/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

@font-face {
	font-family: 'LatoThin';
  src: url('../fonts/Lato-Thin.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Lato-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Lato-Thin.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Lato-Thin.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Lato-Thin.ttf')  format('truetype'); 
}

@font-face {
	font-family: 'LatoLight';
  src: url('../fonts/Lato-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Lato-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Lato-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Lato-Light.ttf')  format('truetype'); 
}

@font-face {
	font-family: 'LatoRegular';
  src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Lato-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Lato-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Lato-Regular.ttf')  format('truetype'); 
}

html,
body {
    height: 100%;
	font-family:'LatoLight',sans-serif; 
	font-size:16px;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	
	display: flex;						/* sticky footer*/
	flex-direction: column;		/* sticky footer*/
	}

.content {
  flex: 1 0 auto;
}
.footer {
	flex-shrink: 0;
	background-color: #0f0f0f;
	color: white; 
	padding-top: 15px;
	font-family:'LatoLight',sans-serif;
	font-size: 12px; 
}

.parallax {
    /* The image used */
    background-image: url('../img/back04.jpg');
    /* Full height */
    height: 60%; 
    /* Create the parallax scrolling effect */
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.transbox {
    background-color: #000000;
    opacity: 0.7;
	height: 100%; 
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

.period {
    display: block;
    font-style: italic;
}

.rotate-caption {
	position:absolute;
	right:15%;
	top:40%;
	left:15%;
	z-index:10;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff;
	font-family:'LatoThin',sans-serif;
	font-size:20px;
	text-align:center;
	text-shadow: 0 0 10px #000000, 0 0 5px #000000, 0 0 2px #000000;
}

.arrow-animation {
    position: relative;
	bottom: 40%;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: ease;
	-webkit-animation-direction: alternate;
    animation-name: example;
    animation-duration: 1s;
    animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease;
	font-family:'LatoThin',sans-serif;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0%   {top:0px;opacity:0;}
    100% {top:10px;opacity:0.8;}
}

/* Standard syntax */
@keyframes example {
    0%   {top:0px;opacity:0;}
    100% {top:10px;opacity:0.8;}
}